<!--
 * @Descripttion:  
 * @version: 
 * @Author:Hui
 * @Date: 2023-10-12 15:26:04
 * @LastEditTime: 2023-11-20 20:20:35
 * @LastEditors: sueRimn
-->

<template>
  <view
    class="status d-flex flex-column justify-content-center align-items-center"
  >
    <view class='t1'>{{textStatus}}</view>
    <view class='t2'>{{descStatus}}</view>
  </view>
</template>


<script>
export default {
  props: {
    textStatus: { type: String, default: '' },
    descStatus: { type: String, default: '' }
  },

  computed: {
  }
}
</script>

<style lang="scss" scoped>

.status {
    padding: 1rpx 0rpx 40rpx;
    text-align: center;
    .t1 {
        font-size: var(--hui-font-size-32);
        font-weight: 600;
        color: var(--hui-color-title);
        margin: 0rpx 0 20rpx;
    }
    .t2 {
        font-size: var(--hui-font-size-28);
        color: var(--hui-color-subtitle);
    }
}
</style>